<div class="sub-result {{ breakdown.sub_result_class }}">
    <div class="score">{{ breakdown.sub_points|floatformat(0) }} / {{ breakdown.sub_total|floatformat(0) }}</div>
    <div class="state">
        <span title="{{ breakdown.sub_long_status }}" class="status">{{ breakdown.sub_short_status }}</span>
        |
        <span class="language">{{ breakdown.sub_lang }}</span>
    </div>
</div>

<div class="sub-main">
    <div class="sub-info">
        <div class="name">
            <a href="{{ url('problem_detail', breakdown.problem_code) }}">{{ breakdown.problem_name }}</a>
        </div>
        <div class="time">{{ relative_time(breakdown.sub_date) }}</div>
    </div>
</div>

<div class="sub-pp sub-usage">
    <div class="pp">
        <a href="{{ url('submission_status', breakdown.sub_id) }}">{{ breakdown.points|floatformat(0) }}pp</a>
    </div>
    <div class="pp-weighted">
        {% with percent='<b>%s%%</b>'|safe|format(breakdown.weight|floatformat(0)),
                pp=breakdown.scaled_points|floatformat(1 if breakdown.scaled_points < 10 else 0) %}
            {{ _('weighted %(percent)s (%(pp)spp)', percent=percent, pp=pp) }}
        {% endwith %}
    </div>
</div>
